<template>
  <div class="header">
    <div class="header-left" @click="toHome">
      <span class="iconfont">
        &#xe624;
      </span>
    </div>
    <div class="header-title">
      城市选择
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {

      }
    },
    methods: {
      toHome() {
        this.$router.push('/')
      }
    }
  }

</script>
<style scoped>
  .header {
    width: 100%;
    line-height: .88rem;
    background: #739eec;
    color: #fff;
    font-size: .32rem;
    position: relative;
  }

  .header-left {
    width: .4rem;
    padding: 0 .2rem;
    text-align: center;
    font-weight: bold;
    position: absolute;
  }

  .header-title {
    text-align: center;
  }

</style>
